<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> <?php
 $name = "cfg_sitetitle"; if(empty($name)){ echo ""; }else{ echo htmlspecialchars_decode(C($name)); } ?> </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="description" content=" <?php
 $name = "cfg_sitedescription"; if(empty($name)){ echo ""; }else{ echo htmlspecialchars_decode(C($name)); } ?> ">
	<meta name="Keywords" content=" <?php
 $name = "cfg_sitekeywords"; if(empty($name)){ echo ""; }else{ echo htmlspecialchars_decode(C($name)); } ?> ">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/feiqi-ee5401a8e6.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/newpay-bb7fcb5546.css">
	<style>
		body,html,.mui-content{ background:#fff;}
		.dant a {
			font-size: 13px;
			display: inline-block;
		}
		.posfix{
			position: fixed;
			bottom: 0;
		}
		.jumpdown{
			width: 100%;
		}
		.jumpdown img{
			padding-top: 10px;
			width: 100%;
		}
		.orange{
			color: #fb6f00!important;
		}

		.process{ padding-top:40px; height:300px;}
		.process_left .iconss{ position:relative; height:200px;}
		.iconss{ float:left; width:20px; height:100%; margin-left:20px; margin-top:15px;}
		.iconss li{ position:absolute; z-index:10; height:200px; width:20px; height:20px;}
		.iconss li img{ width:100%; height:100%;}
		.iconss li:nth-child(1){ top:0px;}
		.iconss li:nth-child(2){ top:80px;}
		.iconss li:nth-child(3){ top:160px;}
		.iconss .process_line{ height:160px; margin-top:3px; position:absolute; width:3px; background:#ccc; left:45%;}
		.iconss .process_line_ac{ margin-top:3px; position:absolute; width:3px; background:#6cc904; left:45%;}

		.times{ float:left; position:relative; width:20px; height:160px; margin-left:11px; font-size:13px;}
		.times li{ position:absolute; text-align:center;}
		.times li:nth-child(1){ top:0px;}
		.times li:nth-child(2){ top:90px;}
		.times li:nth-child(3){ top:170px;}

		.process_right{ float:left; width:70%; margin-left:15px;}
		.process_txt{ position:relative;}
		.process_txt li{ position:absolute; border-bottom:solid 1px #efefef;}
		.process_txt li:nth-child(1){ top:19px;}
		.process_txt li:nth-child(2){ top:98px;}
		.process_txt li:nth-child(3){ top:176px;}
		.process_txt li{ font-size:14px;}
		.process_txt li h3{ font-size:16px;}

		.b_content{ width:90%; margin:0 auto; color:#d80617;}
	</style>
</head>
<body>
<!-- header -->
<header class="mui-bar mui-bar-nav hnav">
	<a href="<?php echo U('Info/chaxun');?>" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title"><?php echo (($bank_sheng["sheng_type"])?($bank_sheng["sheng_type"]):'查詢商證'); ?></h1>
</header>
<!-- header end-->

<!--
<div class="mui-content">
<?php if(!empty($bank_sheng["status"])): ?><div class="process">
<div class="process_left">
<ul class="times">
<li><?php echo ($bank_sheng['status']['sheng_1_time']); ?></li>
<li><?php echo ($bank_sheng['status']['sheng_2_time']); ?></li>
<li><?php echo ($bank_sheng['status']['sheng_3_time']); ?></li>
</ul>

<ul class="iconss">
	<li><img src="__PUBLIC__/home/imgs/process_<?php echo (($bank_sheng['status']['status_1'])?($bank_sheng['status']['status_1']):0); ?>.png" /></li>
    <li><img src="__PUBLIC__/home/imgs/process_<?php echo (($bank_sheng['status']['status_2'])?($bank_sheng['status']['status_2']):0); ?>.png" /></li>
    <li><img src="__PUBLIC__/home/imgs/process_<?php echo (($bank_sheng['status']['status_3'])?($bank_sheng['status']['status_3']):0); ?>.png" /></li>
    <span class="process_line"></span>
    <span class="process_line_ac"></span>
</ul>
</div>

<div class="process_right">
<ul class="process_txt">
<?php if($bank_sheng['status']['status_1'] == 1): ?><li><h3>公司流水账单提交成功</h3><?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?></li>
<?php elseif($bank_sheng['status']['status_1'] == 2): ?>
<li><h3>公司流水账单提交失败</h3><?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?></li>
<?php else: ?>
<li><h3>公司流水账单审核中</h3><?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?></li><?php endif; ?>

<?php if($bank_sheng['status']['status_2'] == 1): ?><li><h3>公司流水账单操作成功</h3><?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?></li>
<?php elseif($bank_sheng['status']['status_2'] == 2): ?>
<li><h3>公司流水账单操作失败</h3><?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?></li>
<?php else: ?>
<li><h3>公司流水账单操作中</h3><?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?></li><?php endif; ?>

<?php if($bank_sheng['status']['status_3'] == 1): ?><li><h3>公司流水账单审核完成</h3><?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?></li>
<?php elseif($bank_sheng['status']['status_3'] == 2): ?>
<li><h3>公司流水账单审核失败</h3><?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?></li>
<?php else: ?>
<li><h3>公司流水账单审核操作中</h3><?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?></li><?php endif; ?>
</ul>
</div>
</div>
<?php else: ?>
<div class="flow" style="text-align:center; margin:20px;">
<img src="__PUBLIC__/home/imgs/false.png" alt="" style="width:30%;">

<div style="text-align:center; color:#ccc; margin-top:10px;">敬请等待通知！</div>
</div><?php endif; ?>
</div>

<div class="b_content"><?php echo ($bank_sheng["content"]); ?></div>
-->




<div class="holder">
	<?php if($bank_sheng['status']['status_1']): ?><ul class="SteppedProgress">

		<?php if($bank_sheng['status']['status_1'] == 1): ?><li class="complete"><span style="color: #23b900">
            	<?php echo ($bank_sheng['status']['sheng_1_time']); ?></br>
				商證材料提交成功</br>
				<?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?>
            	</span></li>
			<?php elseif($bank_sheng['status']['status_1'] == 2): ?>
			<li class=""><span style="color: #B51D00">
				<?php echo ($bank_sheng['status']['sheng_1_time']); ?></br>
				商證材料提交失敗</br>
				<?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?>
				</span>
			</li>
			<?php else: ?>
			<li class=""><span>
				<?php echo ($bank_sheng['status']['sheng_1_time']); ?></br>
				商證材料提交中</br>
				<?php echo ($bank_sheng['status']['sheng_1_fail_source']); ?>
				</span>
			</li><?php endif; ?>

		<?php if($bank_sheng['status']['status_2'] == 1): ?><li class="complete"><span style="color: #23b900">
				<?php echo ($bank_sheng['status']['sheng_2_time']); ?></br>
				審核完成</br>
				<?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?>
            	</span></li>
			<?php elseif($bank_sheng['status']['status_2'] == 2): ?>
			<li class=""><span style="color: #B51D00">
				<?php echo ($bank_sheng['status']['sheng_2_time']); ?></br>
				審核完成</br>
				<?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?>
				</span></li>
			<?php elseif($bank_sheng['status']['status_1'] == 1 || $bank_sheng['status']['status_1'] == 2): ?>
			<li class=""><span>
				<?php echo ($bank_sheng['status']['sheng_2_time']); ?></br>
				審核中</br>
				<?php echo ($bank_sheng['status']['sheng_2_fail_source']); ?>
				</span></li>
			<?php else: ?>
			<li class=""><span>
			</span></li><?php endif; ?>

		<?php if($bank_sheng['status']['status_3'] == 1): ?><!--<li class="complete boxed"><span>额度审核成功</span></li>-->
			<li class="complete"><span style="color: #23b900">
				<?php echo ($bank_sheng['status']['sheng_3_time']); ?></br>
				最终審核成功</br>
				<?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?>
            	</span></li>
			<?php elseif($bank_sheng['status']['status_3'] == 2): ?>
			<li class="shibai"><span style="color: #B51D00">
				<?php echo ($bank_sheng['status']['sheng_3_time']); ?></br>
				最终審核失敗</br>
				<?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?>
            	</span></li>
			<?php elseif($bank_sheng['status']['status_2'] == 1 || $bank_sheng['status']['status_2'] == 2): ?>
			<li class=""><span>
				<?php echo ($bank_sheng['status']['sheng_3_time']); ?></br>
				最终審核中</br>
				<?php echo ($bank_sheng['status']['sheng_3_fail_source']); ?>
				</span></li>
			<?php else: ?>
			<li class=""><span>
			</span></li><?php endif; ?>
	</ul>
	<?php else: ?>
	<div class="flow" style="text-align:center; margin:20px;">
		<img src="__PUBLIC__/home/imgs/false.png" alt="" style="width:30%;">

		<div style="text-align:center; color:#ccc; margin-top:10px;">敬請等待通知！</div>
	</div><?php endif; ?>
	<div style="text-align: center; width: 80%; margin: 0 auto;"><?php echo ($bank_sheng["content"]); ?></div>
</div>


<style type="text/css">
	.holder {
		margin: 13em 0;
	}
</style>
<style type="text/css">
	ul.SteppedProgress {
		counter-reset: step;
		display: flex;
		margin: 5em auto;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: center;
		z-index: 1;
	}

	.SteppedProgress li {
		list-style-type: none;
		color: #404140;
		line-height: normal;
		text-transform: uppercase;
		flex: 1;
		font-size: 22px;
		position: relative;
		padding: 0 2%;
	}

	.SteppedProgress li.boxed span, .SteppedProgress li.current span {
		background: silver;
		border: 1px solid silver;
		color: gray;
		display: inline-block;
		padding: 3px 6px;
		position: relative;
		margin: 0px -6px;
		width: 100%;
	}

	.SteppedProgress li.boxed span:after, .SteppedProgress li.current span:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255,255,255,0);
		border-bottom-color: silver;
		border-width: 10px;
		margin-left: -10px;
	}

	.SteppedProgress li.current span {
		background: #4170b0;
		color: #FFF;
	}

	.SteppedProgress li.current span:after {
		border-bottom-color: #4170b0;
	}

	.SteppedProgress li.current.canHover span:hover {
		background: #b9cce5;
		border-color: #4170b0;
		color: #4170b0;
	}

	.SteppedProgress li.current.canHover span:hover:after {
		border-bottom-color: #b9cce5;
	}

	.SteppedProgress li.complete.boxed span {
		background: #23b900;
		color: #FFF;
	}

	.SteppedProgress li.complete.boxed span:after {
		border-bottom-color: #23b900;
	}

	.SteppedProgress li.complete.boxed.canHover span:hover {
		background: #95ff7c;
		border-color: #23b900;
		color: #23b900;
		cursor: pointer;
	}

	.SteppedProgress li.complete.boxed.canHover span:hover:after {
		border-bottom-color: #23b900;
		cursor: pointer;
	}


	.SteppedProgress li:before {
		content: counter(step);
		counter-increment: step;
		width: 30px;
		line-height: 30px;
		display: block;
		font-size: 22px;
		color: #FFF;
		background: gray;
		border-radius: 15px;
		margin: 0 auto 10px;
		position: relative;
		z-index: 1;
	}

	.SteppedProgress li:after {
		content: '';
		width: 100%;
		height: 6px;
		background: silver;
		position: absolute;
		left: -50%;
		top: 15px;
		z-index: -1;
	}

	.SteppedProgress li:first-child:after {
		content: none;
	}

	.SteppedProgress li.complete:before {
		background: #23b900;
		color: white;
	}

	.SteppedProgress li.complete:after {
		background: rgba(35,185,0,0.6);
	}

	.SteppedProgress li.shibai:before {
		background: #B51D00;
		color: white;
	}

	.SteppedProgress li.shibai:after {
		background: #dd524d;
	}

	ul.SteppedProgress.Vertical {
		display: block;
	}

	.SteppedProgress.Vertical li {
		flex: none;
		clear: both;
		text-align: left;
		padding: 0;
		margin-left: 0;
		min-height: 2.2em;
	}

	.SteppedProgress.Vertical li span {
		white-space: nowrap;
	}

	ul.SteppedProgress.Vertical li:before {
		float: none;
		display: inline-block;
		margin-right: 10px;
		text-align: center;
		margin-left: 0;
	}

	.SteppedProgress.Vertical li:after {
		content: '';
		width: 6px;
		height: 100%;
		position: absolute;
		left: 12px;
		top: -50%;
		z-index: -1;
	}

	ul.SteppedProgress.Vertical li.boxed, ul.SteppedProgress.Vertical li.current {
		min-width: 90%;
	}

	ul.SteppedProgress.Vertical li.boxed span, ul.SteppedProgress.Vertical li.current span {
		display: inline;
		margin-left: 0;
	}

	ul.SteppedProgress.Vertical li.boxed span:after, ul.SteppedProgress.Vertical li.current span:after {
		bottom: auto;
		left: auto;
		right: 100%;
		top: 7px;
		border-color: rgba(255,255,255,0);
		border-right-color: silver;
		margin: 0;
	}

	ul.SteppedProgress.Vertical li.current span:after {
		border-right-color: #4170b0;
	}

	ul.SteppedProgress.Vertical li.complete.boxed span:after {
		border-color: rgba(255,255,255,0);
		border-right-color: #23b900;
	}

	@media (max-width: 480px) {
		ul.SteppedProgress {
			display: block;
		}

		.SteppedProgress li {
			flex: none;
			clear: both;
			text-align: left;
			padding: 0;
			margin-left: 0;
			min-height: 2.2em;
		}

		.SteppedProgress li span {
			white-space: nowrap;
		}

		ul.SteppedProgress li:before {
			float: none;
			display: inline-block;
			margin-right: 10px;
			text-align: center;
			margin-left: 0;
		}

		.SteppedProgress li:after {
			content: '';
			width: 6px;
			height: 100%;
			position: absolute;
			left: 12px;
			top: -50%;
			z-index: -1;
		}

		ul.SteppedProgress li.boxed, ul.SteppedProgress li.current {
			min-width: 90%;
		}

		ul.SteppedProgress li.boxed span, ul.SteppedProgress li.current span {
			display: inline;
			margin-left: 0;
		}

		ul.SteppedProgress li.boxed span:after, ul.SteppedProgress li.current span:after {
			bottom: auto;
			left: auto;
			right: 100%;
			top: 7px;
			border-color: rgba(255,255,255,0);
			border-right-color: silver;
			margin: 0;
		}

		ul.SteppedProgress li.current span:after {
			border-right-color: #4170b0;
		}

		ul.SteppedProgress li.complete.boxed span:after {
			border-color: rgba(255,255,255,0);
			border-right-color: #23b900;
		}
	}


</style>


<script src="__PUBLIC__/home/js/jquery-1-fe84a54bc0.11.1.min.js"></script>
<script>
    var status_1="<?php echo ($bank_sheng['status']['status_1']); ?>";
    var status_2="<?php echo ($bank_sheng['status']['status_2']); ?>";
    var status_3="<?php echo ($bank_sheng['status']['status_3']); ?>";

    if(status_2>0){
        $(".process_line_ac").height(80);
    }
    if(status_3>0){
        $(".process_line_ac").height(160);
    }

    $('.bottom-bar a').click(function(){
        $('.bottom-bar a').removeClass('cur');
        $('.bottom-bar a span').removeClass('cur');
        $(this).addClass('cur');
        $(this).find('span').eq(0).addClass('cur');
    });
    function toorder(){
        window.location.href = "<?php echo U('Index/index');?>";
    }
</script>
<div style="display: none;">
	<?php
 $name = "cfg_sitecode"; if(empty($name)){ echo ""; }else{ echo htmlspecialchars_decode(C($name)); } ?>
</div>
<script src="__PUBLIC__/home/js/transform.js"></script>
<script type="text/JavaScript" language="JavaScript">  
var obj = document.body;  
function s22t(){   
obj.innerHTML=s2t(obj.innerHTML);   
}   
function t22s(){   
obj.innerHTML=t2s(obj.innerHTML);   
}  
s22t();
</script>  
</body>
</html>